$(function () {
    /**
     * 1. 记录下用户输入的内容
     * 2. 用户点击搜索的时候判断用户输入的内容，如果为空 则弹出提示，否则记录下keywords传到搜索结果页面
     * 3. 成功搜索的同时，把用户搜索的信息记录到localStorage中
     * 
     */
    // 用户点击搜索操作逻辑
    // 定义全局localStorage中的keywords
    var key = [];
    $('.search button').on('tap', function () {
        var keywords = $.trim($('.search input').val())
        console.log(localStorage.keywords)
        if (keywords) {
            key = localStorage.keywords ? JSON.parse(localStorage.keywords) : key
            key.unshift(keywords)
            localStorage.keywords = JSON.stringify(key)
            location.href = "./searchList.html?keywords=" + keywords
        } else {
            mui.toast('输入内容为空，请重新输入', {
                duration: 'short',
                type: 'div'
            })
        }
    })
    getHis()

    function getHis() {
        if (localStorage.keywords) {
            var html = template('history', JSON.parse(localStorage.keywords))
            $('.search-main ul').html(html)

        } else {
            $('.search-main').html('暂无数据')
        }
    }
    $('.clearHis').on('tap', function () {
        localStorage.keywords = JSON.stringify([])
        getHis()
    })
})